<template>
	<view class="info_con">
		<view class="banner">
			<image src="/static/images/evaluationBanner.png" style="width:100%;height:100%"></image>
		</view>
		<view class="content">
			<view class="user_Info">
				<view class="up">
					<view class="img">
						<image src="/static/images/user.png" style="width:100%;height:100%"></image>
					</view>
					<view class="info">
						<view class="info_up">王瑞<span>执业中医师</span></view>
						<view class="info_down">毕业于中医学院中医世家</view>
					</view>
				</view>
				<view class="center">
					<view class="title">预约时间</view>
					<view class="date">2025年09月01日周-下午15:15-15:18</view>
				</view>
				<view class="down">诊查费: ¥25(到诊所付)</view>
			</view>
			<view class="jz_info">
				<view class="title">就诊信息</view>
				<view class="list">
					<view class="left"><span>*</span>姓名</view>
					<view class="right">张大宇</view>
				</view>
				<view class="list noList">
					<view class="left"><span>*</span>联系方式</view>
					<view class="right">182266608058</view>
				</view>
			</view>
		</view>
		<view class="bottom">
			<view class="btn" @click="submit()">立即预约</view>
		</view>
	</view>
</template>

<script>
import { submitOrder } from "@/api/consultation";
	export default{
		data(){
			return{
				orderInfo:{
					shopCode:'SH1756479678793492393',			//门店编号
					departmentCode:'D1756515425858550781',		//科室编号
					doctorCode:'DO428994',			//医生编号
					scheduleCode:'',		//排班编号
					patientCode:'',			//患者编号
					payMoney:25,			//挂号费
					payMethod:'free',		//支付方式
					userId:''				//用户编号
				}
			}
		},
		methods:{
			submit(){
				let res = submitOrder(this.orderInfo)
				console.log(res)
				// uni.navigateTo({
				// 	url:"/pages/tabbar/home/appointResult"
				// })
			}
		}
	}
</script>

<style lang="scss" scoped>
	.info_con{
		width:100%;
		height:100%;
		position: absolute;
		background: #F8F8F8;
		font-family: PingFang SC, PingFang SC;
		.banner{
			width:100%;
			height:425rpx;
		}
		.content{
			position: absolute;
			top:20rpx;
			width:100%;
			padding: 30rpx;
			.user_Info{
				background: #FFFFFF;
				border-radius: 15rpx;
				margin-bottom: 20rpx;
				padding: 35rpx 31rpx;
				.up{
					margin-bottom: 24rpx;
					display: flex;
					align-items: center;
					.img{
						width:110rpx;
						height:110rpx;
						border-radius: 50%;
					}
					.info{
						padding-left: 26rpx;
						color: #000000;
						margin-bottom: 16rpx;
						.info_up{
							font-weight: 600;
							font-size: 34rpx;
							span{
								margin-left: 16rpx;
								font-weight: 400;
								font-size: 26rpx;
							}
						}
						.info_down{
							font-weight: 400;
							font-size: 26rpx;
						}
					}
				}
				.center{
					padding: 17rpx 19rpx;
					background: #FAFAFA;
					border-radius: 16rpx;
					margin-bottom: 18rpx;
					.title{
						font-weight: 600;
						font-size: 34rpx;
						margin-bottom: 16rpx;
					}
					.date{
						font-weight: 400;
						font-size: 26rpx;
					}
				}
			}
			.jz_info{
				background: #FFFFFF;
				border-radius: 15rpx;
				padding: 28rpx 31rpx;
				.title{
					font-weight: 600;
					font-size: 34rpx;
					margin-bottom: 16rpx;
				}
				.list{
					padding: 29rpx 0;
					display: flex;
					align-items: center;
					justify-content: space-between;
					border-bottom: 1rpx solid #E4E4E4;
					font-weight: 400;
					font-size: 30rpx;
					.left{
						span{
							color: #7D2527;
						}
					}
				
				}
				.noList{
					border:none;
				}
			}
		}
		.bottom{
			position: fixed;
			left:0;
			bottom:0rpx;
			width:100%;
			padding: 30rpx;
			.btn{
				height:80rpx;
				line-height: 80rpx;
				text-align: center;
				width:100%;
				background: #7D2527;
				border-radius: 50rpx;
				font-size: 30rpx;
				color:#fff;
			}
		}
	}
</style>